<script type="text/javascript">
	$.metadata.setType("attr", "validate");
	$().ready(function() {
		$("#add").validate({
			rules: 
			{
				fullname: {
				required: true,
				minlength: 6
			},
			username: 
			{
				required: true,
				minlength: 6
			},
			password: 
			{
				required: true,
				minlength: 6
			},
			confirm_password: 
			{
				required: true,
				minlength: 6,
				equalTo: "#password"
			},
			email: 
			{
				required: true,
				email: "#email"
			},
			phone: 
			{
				required: true,
				minlength: 10
			},
			agree: "required"
		},
		messages: 
		{
			fullname: {
				required: "Bạn hãy nhập đầy đủ họ tên !",
				minlength: "Họ tên người tối thiểu phải có 6 ký tự"
			},
			username: {
				required: "Bạn hãy nhập username !",
				minlength: "Username tối thiểu phải có 6 ký tự"
			},
			password: {
				required: "Bạn hãy nhập password !",
				minlength: "Password phải có tối thiểu 6 ký tự"
			},
			confirm_password: {
				required: "Bạn hãy nhập lại password !",
				minlength: "Password phải có tối thiểu 6 ký tự",
				equalTo: "Confirm password và password không trùng nhau !"
			},
			email: {
				required: "Bạn hãy nhập email đúng định dạng !",
				email: "Nhập đúng định dạng email"
			},
			phone: {
				required: "Bạn hãy nhập số điện thoại !",
				minlength: "Số điện thoại phải có tối thiểu 10 ký tự"							
			},
			agree: "Please accept our policy"
		}
		});
	});
</script>

<!-- phần nội dung quản lý - bên phải -->
<div id="content-right">
	<div id="add-product">
		<div id="sidebar-top-product" class="black">
			<div id="img-product" class="left white">
				 <?php echo $title?>
			</div>
			<div id="img-back" class="right white">
				<a class="white" href="javascript:;" onclick="history.go(-1)">Quay lại trang trước</a> 
			</div>
			<div class="clear">
			</div>
		</div>
		<div class="form-product">
			<form  action="" method="post" name="add" id="add">
				<?php if (isset($_SESSION["error_add"]) && !empty($_SESSION["error_add"])){?>
					<div class="form-add">
						<?php echo '<font style="color:red; text-align:center; font-size:13px;">'.$_SESSION['error_add'].'</font>'?>
					</div>
	        	<?php }?>
				<div class="form-add">
					<label class="left black">Username: </label>
					<input type="text" name="username" id="username" />
				</div>
				<div class="form-add">
					<label class="left black">Password: </label>
					<input type="password" id="password" name="password" />
				</div>
				<div class="form-add">
					<label class="left black">Nhập lại Password: </label>
					<input type="password" name="confirm_password" id="confirm_password" />
				</div>
				<div class="form-add">
					<label class="left black">Họ tên: </label>
					<input type="text" name="fullname" id="fullname" />
				</div>
				<div class="form-add">
					<label class="left black">Email: </label>
					<input type="text" name="email" id="email" />
				</div>
				<div class="form-add">
					<label class="left black">Phone: </label>
					<input type="text" name="phone" id="phone" />
				</div>
				<div class="form-add">
					<label class="left black">Nhóm Admin: </label>
					<select name="admin_group" class="selectText" validate="required:true" title=" Please try again">
						<option value="">----Chọn Nhóm Admin----</option>
						<?php foreach ($group_admin as $group){?>
							<option value="<?php echo $group['id']?>"><?php echo $group['name']?></option>
						<?php }?>
					</select>
				</div>
				<div class="form-add">
					<label class="left black">Hiển thị</label>
					<div class="check-option">
						<ul>
							<li><input type="radio" name="status" value="1" checked="checked" /> Yes</li>
							<li><input type="radio" name="status" value="0" /> No</li>
						</ul>
					</div>
				</div>
				<div class="clear"></div>
				<div class="button-product">
					<input type="submit" class="save_add" name="cmd" value="Save & Add" style="color: #FFF; font-weight: bold; padding-bottom: 5px;"/>
					<input type="submit" class="submit-product" name="cmd" value="Add" style="margin-left: 15px; color: #FFF; font-weight: bold; padding-bottom: 5px;" />
					<input type="reset" class="reset-product"  value='Cancel' style="color: #FFF; font-weight: bold; padding-bottom: 5px;" />
				</div>
				<div class="clear"></div>
			</form>                  
		</div>
	</div>
</div><!-- end  content-right -->